<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例5</title>
    <script src="jquery.js"></script>
    <script>
        $(function (){
            // $("ol>li").css("color","red")
            // $("ol span").css("color","red")
            // $("#bbb~li").css("color","blue")
            $("#bbb+li").css("color","blue")
        })
    </script>
</head>
<body>
    <div>
        <ul>
            <li>aaa</li>
            <li id="bbb">bbb</li>
            <li>ccc</li>
            <li>ddd</li>
        </ul>
        <ol>
            <li>aaa<span>aaa</span></li>
            <li>bbb<span>bbb</span></li>
        </ol>
    </div>
</body>
</html>